.main_box{
    /* width: 60%; */
    height: 1000px;
    margin:0 auto;
    background: rosybrown;
    position: relative;
}
.main_box>.top_ul{
    float: left;
    position: relative;
    top: -7%;
    left: 20%;
}
.main_box>.central_box{
    float: left;
    width: 100%;
    position: relative;
    top: -5%;
    left: 1%;
}
.central_box>.long_box{
    position: absolute;
    left:19%;
    text-align: center;
    width:40%;
}
.central_box>.long_box>h6{
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    padding:10px;
    margin:0;
    background: black;
}
.central_box>.comment_box{
    width: 280px;
    height: 400px;
    background: seagreen;
    position: absolute;
    bottom: 0;
    left: 61%;
}

.main_box>.bottom_ul{
    float: left;
    width: 100%;
    position: relative;
    top: 0;
    left: 20%;
}
.bottom_ul>.advertisement{
    /* width: 30%; */
    position:absolute;
    top:0;
    left:41%;
}
.main_box>.top_ul>ul>li,.main_box>.bottom_ul>ul>li{
    width: 196px;
    height: 250px;
    float: left;
    background:#77e2e1;
    margin-right: 10px;
}
.main_box .text_box{
    width: 196px;
    /* height:54px; */
    padding:22px;
    background:#fff;
}
.main_box>.top_ul>ul>li>.text_box>p,.main_box>.bottom_ul>ul>li>.text_box>p{
    font-size: 13px;
    font-weight: 600;
    width:100%;
    /* padding:5%; */
    margin:0;
}
